//事件event

//1.单击事件
document.querySelector(".btn1").onclick=fun1
function fun1(){
    console.log("111111111")
}

document.querySelector(".s1").onclick=fun1

//2.元素获得光标焦点 onfocus
//3.元素失去光标焦点 onblur
document.querySelector(".pro-name").onblur=fun2
function fun2(){
    //(1)获得输入框中的值
    var inputContent = document.querySelector(".pro-name").value
    //（2）验证长度 >=6  <=20
    if(inputContent.length>=6 && inputContent.length<=20){
        document.querySelector(".msg-tip").innerText="*"
    }else{
        //(3) 提示语：用户名长度应该在6-20个字符
        document.querySelector(".msg-tip").innerText="用户名长度应该在6-20个字符"
    }
}
//4.内容发生改变
document.querySelector(".province_select").onchange=fun3

function fun3(){
    //1.获得select元素
    var selectEle = document.querySelector(".province_select")
    //2.获得里选中的下标
    var index = selectEle.selectedIndex;
    if(index!=0){
        var selectValue = selectEle.options[index].innerText
        console.log("选中的值："+selectValue)
    }
}
//领取了五个优惠券，select-option组件中
//（1）将五个优惠券放入数组
couponArray=['优惠券1','优惠券2','优惠券3','优惠券4','优惠券5']
//（2）获得这个select
var selectCoupon = document.querySelector(".coupon_select")
//(3)将这个select的option的长度设为数组的长度
selectCoupon.options.length =couponArray.length
for(var i=0;i<couponArray.length;i++){
    //(4)给空的option加入内容
    selectCoupon.options[i].innerText =couponArray[i]
}
m
//5.鼠标悬浮在元素上onmouseover